body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

a {
    color: #2583AD;
}

.messages {
    margin: 4px 0 10px 0;
    padding: 12px;
    text-align: center;
    font-size: 1.1em;
    clear: both;
}

#info_msg {
    background-color: #FFFFE0;
    color: #333333;
    border-top: 1px solid #E6DB55;
    border-bottom: 1px solid #E6DB55;
}

#error_msg {
    color: #c00;
    background-color: #ffebe8;
    border-top: 1px solid #c00;
    border-bottom: 1px solid #c00;
}

#main_container {
    margin: 0;
    padding: 0;
}

#header {
    background-color: #464646;
    height: 20px;
    margin: 0;
    padding: 0;
}

#content {
    clear: both;
    padding-left: 20px;
}

#top_menu {
    padding: 0;
    margin: 0;
    padding-right: 25px;
}

#top_menu li {
    list-style: none;
    float: right;
    padding-right: 10px;
    color: #999;
    font-size: 0.9em;
    padding-top: 3px;
    font-family: verdana, sans;
}

#top_menu li a {
    color: #c8c8c8;
}

#top_menu li a:hover {
    color: #eee;
}

#user_menu {
    padding: 0;
    margin: 0;
    padding-left: 20px;
    background-color: #E4F2FD;
    height: 29px;
    display: block;
    border-bottom: 1px solid #2583AD;
}

#user_menu li {
    float: left;
    list-style: none;
}

#user_menu li a {
    color: #2583AD;
    text-decoration: none;
    font-size: 1.2em;
    font-family: verdana, sans;
    padding: 2px 10px 7px 10px;
}

#user_menu li a:hover {
    color: #D54E21;
}

#user_menu .active {
    background-color: #fff;
    border-bottom: 1px solid #D54E21;
    padding-bottom: 7px;
}

#secondary_menu {
   margin: 3px 0 0 20px;
   padding: 0;
}

#secondary_menu li {
    float: left;
    list-style: none;
    margin-bottom: 20px;
    margin-right: 10px; 
}

#secondary_menu li a {
    font-size: 0.9em;
    color: #2583AD;
}

#secondary_menu li a:hover {
    color: #D54E21;
}

.title {
    color: #464646;
    font-size: 1.5em;
}
.login_page_title {
    margin-top: 70px;
}

.tabular {
    border-collapse: collapse;
    font-size: 0.8em;
}

.tabular .header {
    background-color: #464646;
    color: #D7D7D7;
}

.tabular .header th {
   padding: 5px;   
}

.tabular td {
    padding: 3px 15px;
}

.tabular tr {
   border: 1px solid #b3b3b3;
}

.tabular a {
    color: #2583AD;
}

.tabular a:hover {
    color: #D54E21;
}

.tabular .even_row ,
#comments .even_row {
    background-color: #E7F7D3;
}

.details td {
    padding: 2px 5px;
}

.details td strong {
    margin-right: 50px;
}

.details .header th {
    padding: 2px 0;
}

.title {
    width: 50%;
}

#task_description {
    width: 60%;
    float: left;
    border: 1px solid #ddd;
    padding: 2px;
    font-size: 0.8em;
}

#comments {
   margin-top: 30px;
   width: 60%;
   float: left;
}

#comments .comment {
    clear: both;
    display: block;
    padding: 10px 5px;
    font-size: 0.8em;
}

#comments .comment .added {
    float: right;
    font-size: 0.6em;
}

#comments .comment .added_by {
    float: left;
    font-size: 0.8em;
}

#comments .comment .content {
    clear: both;
    padding-top: 10px;
    font-size: 0.9em;
}

#comments .comment .date {
    float: right;
    font-size: 0.8em;
}

#comments .comment .user {
    font-size: 0.9em;
    float: left;
}

#comments .comment .subject ,
#comments .comment .transaction ,
#comments .comment .worked {
    padding-left: 60px;
    font-size: 0.8em;
    float: left;
}



#task_meta {
    float: right;
    width: 25%;
}

#task_meta .tabular {
    width: 100%;
}

.multiple, .meta {
    float: right;
    clear: right;
    margin-bottom: 10px;
    margin-right: 20px;
}

#highest_priority_tasks {
    float: left;
}

#projects, #refresh
{
    float: right;
    margin-right: 20px;
    clear: right;
}

#refresh {
    margin-top: 20px;
}

#newest_unowned_tasks {
    float: left;
    clear: left;
    margin-top: 20px;
}

#projects {
    width: 30%;
}
#highest_priority_tasks ,
#newest_unowned_tasks {
    width: 50%;
}
#highest_priority_tasks .tabular ,
#newest_unowned_tasks .tabular ,
#projects .tabular {
    width: 100%;
}

#projects p,
#highest_priority_tasks p ,
#newest_unowned_tasks p {
    color: #555;
    padding: 0;
    margin: 5px 0;
} 

.pagination {
    margin-top: 20px;
}

#project_description {
    width: 60%;
}

#errorExplanation p {
    color: #900;
}

#errorExplanation h2 {
    display: none;
}

#errorExplanation ul li {
    list-style: none;
    font-size: 0.8em;
    color: #c00;
}
